<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="css/goIn.css">
		<link rel="stylesheet" href="css/detail.css" />
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;	
			}
			.ipt{
				width:22vw;
			}
			.select-box{
				width: 65vw;
			}
			.option-box{
				width: 65vw;
			}
			.texttoolength{
				width: auto;
			}
			.inputtoolength{
				width: 30.4vw;
			}
			.inputshot{
				width: 60vw;
			}
			.textextra{
				height: 13vw;
				width: 54.6vw;
				margin-left: 1vw;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">涉网设备投退</h1>
			<!-- <span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon"> -->
				<!-- + -->
			<!-- </span> -->
		</header>
		<div class="mui-content" id="content" v-cloak>
<!-- 			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu"> 
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}
							<img v-if="item.name=='我值班' && onStatus" src="../../../../img//bottom-icon1-.png" class="icon-onwork" alt="">
						</div>	
					</div>
				</transition>
			</div> -->
			
			<div class="mui-content" id="content">
				<div v-if="listIn.length > 0" class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">涉网设备投入</div>
					</div>
<!-- 					<div class="flex-between" style="margin-top: 15px;">			
						<div class="flex-row">
							<div style="margin-right: 10px;">操作时间</div> 
							<div>2021-08-20 12:00:00</div>
						</div>			
						
					</div> -->

				<div v-for="(item,i) in listIn">
<!-- 					<div class="flex-between">
						<span>设备信息-投入</span>
						<span>+ -</span>
					</div> -->
					<div class="flex-row" style="margin-top:10px">
						<div>设备编号</div>
						<input disabled="disabled" v-model="item.deviceCode" class="select-box" />
					</div>
					<div class="flex-row" style="margin-top:10px">
						<div>设备名称</div>
						<input disabled="disabled" v-model="item.deviceName" class="select-box" />
					</div>
					
					<div class="flex-row" style="margin-top:10px">
						<div>投入时间</div>
						<input disabled="disabled" v-model="item.inTime" class="select-box" />
					</div>
					
					<div class="flex-row" style="margin-top:10px">
						<div>调令内容</div>
						<input disabled="disabled" v-model="item.commandContent" class="select-box" />
					</div>
					
					<div class="flex-row" style="margin-top:10px">
						<div class="texttoolength">区调/中调令</div>
						<input disabled="disabled" v-model="item.areaCenterCommand" class="select-box inputshot" />
					</div>
					
					<div class="flex-row" style="margin-top:10px">
						<div class="texttoolength">本月此装置退出次数(累计值)</div>
						<input disabled="disabled" v-model="item.monthOutCount" class="select-box inputtoolength" />
					</div>
					
					<hr v-if="i < listIn.length - 1" size="1" class="hr-line"  />
				</div>			
		
				</div>

			</div>
			
			

		<div class="main_box" v-if="listOut.length > 0">
			<div class="main_icon"></div>
			<div class="main_icon1"></div>
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">涉网设备退出</div>
				</div>
			<div v-for="(item,i) in listOut">
				<div class="flex-row" style="margin-top:10px">
					<div>设备编号</div>
					<input disabled="disabled" v-model="item.deviceCode" class="select-box" />
				</div>
				
				<div class="flex-row" style="margin-top:10px">
					<div>设备名称</div>
					<input disabled="disabled" v-model="item.deviceName" class="select-box" />
				</div>
				
				<div class="flex-row" style="margin-top:10px">
					<div class="texttoolength">停机时间</div>
					<input disabled="disabled" v-model="item.stopTime" class="select-box" />
				</div>	
				<div class="flex-row" style="margin-top:10px">
					<div>退出时间</div>
					<input disabled="disabled" v-model="item.outTime" class="select-box" />
				</div>
				<div class="flex-row" style="margin-top:10px">
					<div class="texttoolength">本月此装置退出次数(累计值)</div>
					<input disabled="disabled" v-model="item.monthOutCount" class="select-box inputtoolength" />
				</div>
				<div class="flex-row" style="margin-top:10px">
					<div>备注(退出原因) </div>
					<textarea disabled="disabled" v-model="item.remark" class="inputshot textextra" ></textarea>
				</div>
				<hr v-if="i < listIn.length - 1" size="1" class="hr-line"  />
			</div>
		</div>
	</div>
		
		<script src="../../../../js/mui.min.js"></script>
		<!--三件套STR-->
		<script src="../../static/js/neiosCommon.js"></script>
		<script src="../../static/js/neiosRequst.js"></script>
		<script src="../../static/js/Config.js"></script>
		<!--三件套END-->
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../../../pages/ddms/js/mkeyplus.base.js"></script>
		<script src="../../../../pages/ddms/js/sqlite.js"></script>
		<script src="js/detail.js"></script>
		
	</body>

</html>